<?xml version="1.0" encoding="UTF-8"?>
<jsp:root version="1.2" xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html" xmlns:jsp="http://java.sun.com/JSP/Page" xmlns:ui="http://www.sun.com/web/ui">
    <jsp:directive.page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"/>
    <f:view locale="#{SessionPreCostoBean.localeSetting}">
        <f:loadBundle basename="UtilidadesSetup" var="utilidadesSetup"/>
        <f:loadBundle basename="ParametrosSetup" var="parametrosSetup"/>
        <f:loadBundle basename="FacturacionSetup" var="facturacionSetup"/>
        <div align="center" style="width: 100%">
            <ui:themeLinks binding="#{ListadoPreCostoPage.themeLinks1}" id="themeLinks1"/>
            <ui:form binding="#{ListadoPreCostoPage.preCostoForm}" id="preCostoForm">
                <center>
                    <table>
                        <tr>
                            <td align="center">
                                <!-- contenedorGridPanel -->
                                <h:panelGrid columnClasses="top" columns="2" id="arribaGridPanel">
                                    <h:panelGrid columns="1" id="izquierdaGridPanel">
                                        <h:panelGrid columns="2" headerClass="headerClassDataTable" rowClasses="rowClassWhite, rowClassBlue">
                                            <f:facet name="header">
                                                <h:outputText value="Opciones de Búsqueda"/>
                                            </f:facet>
                                            <h:outputText style="color: white" styleClass="outputText" value="_"/>
                                            <h:outputText style="color: white" styleClass="outputText" value="_"/>
                                            <h:outputText styleClass="outputText" value="CLIENTE"/>
                                            <ui:dropDown binding="#{ListadoPreCostoPage.dropDownClientes}" id="dropDownClientes"
                                                items="#{SessionPreCostoBean.clientesOptions}" styleClass="select" submitForm="true" valueChangeListener="#{ListadoPreCostoPage.dropDownClientes_processValueChange}"/>
                                            <h:outputText style="color: white" styleClass="outputText" value="_"/>
                                            <h:outputText style="color: white" styleClass="outputText" value="_"/>
                                            <h:outputText styleClass="outputText" value="PRODUCTO"/>
                                            <ui:dropDown binding="#{ListadoPreCostoPage.dropDownProductos}" id="dropDownProductos"
                                                items="#{SessionPreCostoBean.productosOptions}" styleClass="select"/>
                                            <h:outputText style="color: white" styleClass="outputText" value="_"/>
                                            <h:outputText style="color: white" styleClass="outputText" value="_"/>
                                            <h:outputText styleClass="outputText" value="AÑO"/>
                                            <ui:dropDown binding="#{ListadoPreCostoPage.dropDownAnos}" id="dropDownAnos"
                                                items="#{SessionPreCostoBean.anosOptions}" styleClass="select"/>
                                            <h:outputText style="color: white" styleClass="outputText" value="_"/>
                                            <h:outputText style="color: white" styleClass="outputText" value="_"/>
                                            <h:outputText styleClass="outputText" value="MES"/>
                                            <ui:dropDown binding="#{ListadoPreCostoPage.dropDownMeses}" id="dropDownMeses"
                                                items="#{ApplicationPreCostoBean.mesesOptions}" styleClass="select"/>
                                        </h:panelGrid>
                                        <f:facet name="footer">
                                            <h:panelGroup style="display: block; text-align: center">
                                                <h:commandButton action="#{ListadoPreCostoPage.buttonConsultarOrdenes_action}"
                                                    binding="#{ListadoPreCostoPage.buttonConsultarOrdenes}" id="buttonConsultarOrdenes" styleClass="button" value="CONSULTAR"/>
                                                <h:outputText value=" "/>
                                                <h:commandButton action="#{ListadoPreCostoPage.buttonLimpiar_action}"
                                                    binding="#{ListadoPreCostoPage.buttonLimpiar}" id="buttonLimpiar" styleClass="button" value="LIMPIAR"/>
                                            </h:panelGroup>
                                        </f:facet>
                                    </h:panelGrid>
                                    <h:panelGrid columnClasses="top" columns="1" id="derechaGridPanel">
                                        <h:dataTable binding="#{ListadoPreCostoPage.dataTableOrdenes}" headerClass="headerClassDataTable" id="dataTableOrdenes"
                                            rendered="#{SessionPreCostoBean.renderedOrdenes}" rowClasses="rowClassBlue,rowClassWhite"
                                            value="#{SessionPreCostoBean.searchResult}" var="currentOrden">
                                            <h:column binding="#{ListadoPreCostoPage.column1}" id="column1">
                                                <f:facet name="header">
                                                    <ui:hyperlink onClick="checkAllSeleccionGroup(); return false;">
                                                        <h:outputText binding="#{ListadoPreCostoPage.outputText2}" id="outputText2" style="color: white" value="Selección"/>
                                                    </ui:hyperlink>
                                                </f:facet>
                                                <h:panelGrid columns="1" style="text-align: center" width="100%">
                                                    <ui:checkbox binding="#{ListadoPreCostoPage.checkboxOrdenProceso}" id="checkboxOrdenProceso"
                                                        name="seleccionGroupOrden" selectedValue="#{currentOrden.numeroOrden}"/>
                                                </h:panelGrid>
                                            </h:column>
                                            <h:column binding="#{ListadoPreCostoPage.column2}" id="column2">
                                                <f:facet name="header">
                                                    <h:outputText binding="#{ListadoPreCostoPage.outputText4}" id="outputText4" value="# Orden"/>
                                                </f:facet>
                                                <h:panelGrid columns="1" style="text-align: center" width="100%">
                                                    <h:outputText binding="#{ListadoPreCostoPage.outputText3}" id="outputText3" styleClass="outputTextDataTable" value="#{currentOrden.numeroOrden}"/>
                                                </h:panelGrid>
                                            </h:column>
                                            <h:column binding="#{ListadoPreCostoPage.column3}" id="column3">
                                                <f:facet name="header">
                                                    <h:outputText binding="#{ListadoPreCostoPage.outputText6}" id="outputText6" value="Cliente"/>
                                                </f:facet>
                                                <h:outputText binding="#{ListadoPreCostoPage.outputText5}" id="outputText5" styleClass="outputTextDataTable" value="#{currentOrden.razonSocial}"/>
                                            </h:column>
                                            <h:column binding="#{ListadoPreCostoPage.column4}" id="column4">
                                                <f:facet name="header">
                                                    <h:outputText binding="#{ListadoPreCostoPage.outputText10}" id="outputText10" value="Producto"/>
                                                </f:facet>
                                                <h:outputText binding="#{ListadoPreCostoPage.outputText7}" id="outputText7" styleClass="outputTextDataTable" value="#{currentOrden.descripcionProducto}"/>
                                            </h:column>
                                            <h:column binding="#{ListadoPreCostoPage.column11}" id="column11">
                                                <f:facet name="header">
                                                    <h:outputText binding="#{ListadoPreCostoPage.outputText20}" id="outputText20" value="Ciclo"/>
                                                </f:facet>
                                                <h:panelGrid columns="1" style="text-align: center" width="100%">
                                                    <h:outputText binding="#{ListadoPreCostoPage.outputText29}" id="outputText29"
                                                        styleClass="outputTextDataTable" value="#{currentOrden.ciclo}"/>
                                                </h:panelGrid>
                                            </h:column>
                                            <h:column binding="#{ListadoPreCostoPage.column5}" id="column5">
                                                <f:facet name="header">
                                                    <h:outputText binding="#{ListadoPreCostoPage.outputText11}" id="outputText11" value="Fecha Proceso"/>
                                                </f:facet>
                                                <h:panelGrid columns="1" style="text-align: center" width="100%">
                                                    <h:outputText binding="#{ListadoPreCostoPage.outputText8}" id="outputText8" styleClass="outputTextDataTable" value="#{currentOrden.fechaProceso}"/>
                                                </h:panelGrid>
                                            </h:column>
                                            <h:column binding="#{ListadoPreCostoPage.column6}" id="column6" rendered="false">
                                                <f:facet name="header">
                                                    <h:outputText binding="#{ListadoPreCostoPage.outputText12}" id="outputText12" value="No Class"/>
                                                </f:facet>
                                                <h:panelGrid columns="1" style="text-align: center" width="100%">
                                                    <h:outputText binding="#{ListadoPreCostoPage.outputText9}" id="outputText9" styleClass="outputTextDataTable" value="#{currentOrden.numeroNoClass}"/>
                                                </h:panelGrid>
                                            </h:column>
                                            <h:column>
                                                <f:facet name="header">
                                                    <h:outputText value="ESTADO"/>
                                                </f:facet>
                                                <h:panelGrid columns="1" style="text-align: center" width="100%">
                                                    <h:outputText rendered="#{currentOrden.closed}" styleClass="outputTextDataTable" value="CERRADA"/>
                                                    <h:outputText rendered="#{!currentOrden.closed}" styleClass="outputTextDataTable" value="ABIERTA"/>
                                                </h:panelGrid>
                                            </h:column>
                                            <f:facet name="footer">
                                                <h:panelGroup style="display: block; text-align: center">
                                                    <h:commandButton action="#{ListadoPreCostoPage.buttonFacturar_action}"
                                                        binding="#{ListadoPreCostoPage.buttonFacturar}" id="buttonFacturar" styleClass="button" value="CONSULTAR PREFACTURA"/>
                                                </h:panelGroup>
                                            </f:facet>
                                        </h:dataTable>
                                        <h:panelGrid columns="1" id="espaciadorGridPanel" rendered="#{!SessionPreCostoBean.renderedOrdenes}">
                                            <h:outputText style="color: white" value="_____________________________________________________"/>
                                        </h:panelGrid>
                                    </h:panelGrid>
                                </h:panelGrid>
                                <!-- -->
                                <h:dataTable binding="#{ListadoPreCostoPage.dataTableFacturacionGeneral}" columnClasses="bottom"
                                    footerClass="headerClassDataTable" headerClass="headerClassDataTable" id="dataTableFacturacionGeneral"
                                    rendered="#{SessionPreCostoBean.renderedFacturacion}" rowClasses="rowClassBlue,rowClassWhite"
                                    value="#{SessionPreCostoBean.facturacion.detallesOrdenesProcesoDto}" var="currentOrdenProceso">
                                    <f:facet name="header">
                                        <h:outputText value="Facturacion Ordenes de Proceso"/>
                                    </f:facet>
                                    <h:column binding="#{ListadoPreCostoPage.column7}" id="column7">
                                        <f:facet name="header">
                                            <h:outputText binding="#{ListadoPreCostoPage.outputText13}" id="outputText13" value="# Orden"/>
                                        </f:facet>
                                        <h:panelGrid columns="1" footerClass="headerClassDataTable" headerClass="headerClassDataTable"
                                            style="text-align: center" width="100%">
                                            <h:outputText binding="#{ListadoPreCostoPage.outputText1}" id="outputText1" styleClass="outputTextDataTable" value="#{currentOrdenProceso.numeroOrden}"/>
                                            <f:facet name="footer">
                                                <h:panelGroup style="display: block; text-align: right">
                                                    <h:outputText value="TOTAL #{currentOrdenProceso.totalEnviosDistribuidos + currentOrdenProceso.totalEnviosRetenciones} "/>
                                                </h:panelGroup>
                                            </f:facet>
                                        </h:panelGrid>
                                        <f:facet name="footer">
                                            <h:panelGroup style="display: block; text-align: right">
                                                <h:outputText value="TOTAL GENERAL #{SessionPreCostoBean.facturacion.totalTodosEnviosDistribuidos + SessionPreCostoBean.facturacion.totalTodosEnviosRetenciones} "/>
                                            </h:panelGroup>
                                        </f:facet>
                                    </h:column>
                                    <h:column binding="#{ListadoPreCostoPage.column8}" id="column8">
                                        <f:facet name="header">
                                            <h:outputText binding="#{ListadoPreCostoPage.outputText15}" id="outputText15" value="Destinos"/>
                                        </f:facet>
                                        <!-- Aqui va el data table para distribucion -->
                                        <h:dataTable binding="#{ListadoPreCostoPage.dataTableDistribucion}" footerClass="headerClassDataTable"
                                            headerClass="headerClassDataTable" id="dataTableDistribucion" rowClasses="rowClassBlue,rowClassWhite"
                                            value="#{currentOrdenProceso.enviosDistribuidos}" var="currentEnvioDistribuido" width="100%">
                                            <h:column binding="#{ListadoPreCostoPage.column12}" id="column12">
                                                <h:panelGrid columns="2" width="100%">
                                                    <h:panelGroup style="display: block; text-align: left">
                                                        <h:outputText binding="#{ListadoPreCostoPage.outputText14}" id="outputText14"
                                                            styleClass="outputTextDataTable" value="#{currentEnvioDistribuido.nombreGestion}"/>
                                                    </h:panelGroup>
                                                    <h:panelGroup style="display: block; text-align: right">
                                                        <h:outputText binding="#{ListadoPreCostoPage.outputText19}" id="outputText19"
                                                            styleClass="outputTextDataTable" value="#{currentEnvioDistribuido.numeroEnvios}"/>
                                                    </h:panelGroup>
                                                </h:panelGrid>
                                                <f:facet name="footer">
                                                    <h:panelGroup style="display: block; text-align: right">
                                                        <h:outputText binding="#{ListadoPreCostoPage.outputText16}" id="outputText16" value="#{currentOrdenProceso.totalEnviosDistribuidos}"/>
                                                    </h:panelGroup>
                                                </f:facet>
                                            </h:column>
                                        </h:dataTable>
                                        <!-- -->
                                        <f:facet name="footer">
                                            <h:panelGroup style="display: block; text-align: right">
                                                <h:outputText binding="#{ListadoPreCostoPage.outputText22}" id="outputText22" value="#{SessionPreCostoBean.facturacion.totalTodosEnviosDistribuidos} "/>
                                            </h:panelGroup>
                                        </f:facet>
                                    </h:column>
                                    <h:column binding="#{ListadoPreCostoPage.column9}" id="column9">
                                        <f:facet name="header">
                                            <h:outputText binding="#{ListadoPreCostoPage.outputText17}" id="outputText17" value="Retención"/>
                                        </f:facet>
                                        <!-- Aqui va el data table para Retencion -->
                                        <h:dataTable binding="#{ListadoPreCostoPage.dataTableRetencion}" footerClass="headerClassDataTable"
                                            headerClass="headerClassDataTable" id="dataTableRetencion" rowClasses="rowClassBlue,rowClassWhite"
                                            value="#{currentOrdenProceso.enviosRetenciones}" var="currentEnvioRetencion" width="100%">
                                            <h:column binding="#{ListadoPreCostoPage.column14}" id="column14">
                                                <h:panelGrid columns="2" width="100%">
                                                    <h:panelGroup style="display: block; text-align: left">
                                                        <h:outputText binding="#{ListadoPreCostoPage.outputText21}" id="outputText21"
                                                            styleClass="outputTextDataTable" value="#{currentEnvioRetencion.nombreGestion}"/>
                                                    </h:panelGroup>
                                                    <h:panelGroup style="display: block; text-align: right">
                                                        <h:outputText binding="#{ListadoPreCostoPage.outputText23}" id="outputText23"
                                                            styleClass="outputTextDataTable" value="#{currentEnvioRetencion.numeroEnvios}"/>
                                                    </h:panelGroup>
                                                </h:panelGrid>
                                                <f:facet name="footer">
                                                    <h:panelGroup style="display: block; text-align: right">
                                                        <h:outputText binding="#{ListadoPreCostoPage.outputText24}" id="outputText24" value="#{currentOrdenProceso.totalEnviosRetenciones}"/>
                                                    </h:panelGroup>
                                                </f:facet>
                                            </h:column>
                                        </h:dataTable>
                                        <!-- -->
                                        <f:facet name="footer">
                                            <h:panelGroup style="display: block; text-align: right">
                                                <h:outputText binding="#{ListadoPreCostoPage.outputText26}" id="outputText26" value="#{SessionPreCostoBean.facturacion.totalTodosEnviosRetenciones} "/>
                                            </h:panelGroup>
                                        </f:facet>
                                    </h:column>
                                    <h:column binding="#{ListadoPreCostoPage.column10}" id="column10">
                                        <f:facet name="header">
                                            <h:outputText binding="#{ListadoPreCostoPage.outputText18}" id="outputText18" style="color: orange" value="En Proceso"/>
                                        </f:facet>
                                        <!-- Aqui va el data table para En Proceso -->
                                        <h:dataTable binding="#{ListadoPreCostoPage.dataTableEnProceso}" footerClass="headerClassDataTable"
                                            headerClass="headerClassDataTable" id="dataTableEnProceso" rowClasses="rowClassBlue,rowClassWhite"
                                            value="#{currentOrdenProceso.enviosEnProceso}" var="currentEnvioEnProceso" width="100%">
                                            <h:column binding="#{ListadoPreCostoPage.column16}" id="column16">
                                                <h:panelGrid columns="2" width="100%">
                                                    <h:panelGroup style="display: block; text-align: left">
                                                        <h:outputText binding="#{ListadoPreCostoPage.outputText25}" id="outputText25"
                                                            styleClass="outputTextDataTableOrange" value="#{currentEnvioEnProceso.nombreGestion}"/>
                                                    </h:panelGroup>
                                                    <h:panelGroup style="display: block; text-align: right">
                                                        <h:outputText binding="#{ListadoPreCostoPage.outputText27}" id="outputText27"
                                                            styleClass="outputTextDataTableOrange" value="#{currentEnvioEnProceso.numeroEnvios}"/>
                                                    </h:panelGroup>
                                                </h:panelGrid>
                                                <f:facet name="footer">
                                                    <h:panelGroup style="display: block; text-align: right">
                                                        <h:outputText binding="#{ListadoPreCostoPage.outputText28}" id="outputText28" style="color: orange" value="#{currentOrdenProceso.totalEnviosEnProceso}"/>
                                                    </h:panelGroup>
                                                </f:facet>
                                            </h:column>
                                        </h:dataTable>
                                        <!-- -->
                                        <f:facet name="footer">
                                            <h:panelGroup style="display: block; text-align: right">
                                                <h:outputText style="color: orange" value="#{SessionPreCostoBean.facturacion.totalTodosEnviosEnProceso} "/>
                                            </h:panelGroup>
                                        </f:facet>
                                    </h:column>
                                </h:dataTable>
                                <h:outputText style="color: white" styleClass="outputText" value="_"/>
                                <!-- Aca comienza la tabla del consolidado -->
                                <h:panelGrid columns="1" footerClass="headerClassDataTableOrange" headerClass="headerClassDataTableOrange" rendered="#{SessionPreCostoBean.renderedFacturacion}">
                                    <f:facet name="header">
                                        <h:outputText value="Consolidado Facturación Ordenes de Proceso"/>
                                    </f:facet>
                                    <h:dataTable columnClasses="bottom" footerClass="headerClassDataTable" headerClass="headerClassDataTable"
                                        rowClasses="rowClassBlue,rowClassWhite" value="#{SessionPreCostoBean.facturacion.consolidadoOrdenProceso}" var="consolidado">
                                        <h:column>
                                            <f:facet name="header">
                                                <h:outputText value="Destinos"/>
                                            </f:facet>
                                            <!-- Aqui va el data table para distribucion -->
                                            <h:dataTable footerClass="headerClassDataTable" headerClass="headerClassDataTable"
                                                rowClasses="rowClassBlue,rowClassWhite" value="#{consolidado.enviosDistribuidos}" var="currentEnvioDistribuido" width="100%">
                                                <h:column>
                                                    <h:panelGrid columns="2" width="100%">
                                                        <h:panelGroup style="display: block; text-align: left">
                                                            <h:outputText styleClass="outputTextDataTable" value="#{currentEnvioDistribuido.nombreGestion}"/>
                                                        </h:panelGroup>
                                                        <h:panelGroup style="display: block; text-align: right">
                                                            <h:outputText styleClass="outputTextDataTable" value="#{currentEnvioDistribuido.numeroEnvios}"/>
                                                        </h:panelGroup>
                                                    </h:panelGrid>
                                                </h:column>
                                            </h:dataTable>
                                            <!-- -->
                                            <f:facet name="footer">
                                                <h:panelGroup style="display: block; text-align: right">
                                                    <h:outputText value="#{SessionPreCostoBean.facturacion.totalTodosEnviosDistribuidos} "/>
                                                </h:panelGroup>
                                            </f:facet>
                                        </h:column>
                                        <h:column>
                                            <f:facet name="header">
                                                <h:outputText value="Retención"/>
                                            </f:facet>
                                            <!-- Aqui va el data table para Retencion -->
                                            <h:dataTable footerClass="headerClassDataTable" headerClass="headerClassDataTable"
                                                rowClasses="rowClassBlue,rowClassWhite" value="#{consolidado.enviosRetenciones}" var="currentEnvioRetencion" width="100%">
                                                <h:column>
                                                    <h:panelGrid columns="2" width="100%">
                                                        <h:panelGroup style="display: block; text-align: left">
                                                            <h:outputText styleClass="outputTextDataTable" value="#{currentEnvioRetencion.nombreGestion}"/>
                                                        </h:panelGroup>
                                                        <h:panelGroup style="display: block; text-align: right">
                                                            <h:outputText styleClass="outputTextDataTable" value="#{currentEnvioRetencion.numeroEnvios}"/>
                                                        </h:panelGroup>
                                                    </h:panelGrid>
                                                </h:column>
                                            </h:dataTable>
                                            <!-- -->
                                            <f:facet name="footer">
                                                <h:panelGroup style="display: block; text-align: right">
                                                    <h:outputText value="#{SessionPreCostoBean.facturacion.totalTodosEnviosRetenciones} "/>
                                                </h:panelGroup>
                                            </f:facet>
                                        </h:column>
                                        <h:column>
                                            <f:facet name="header">
                                                <h:outputText style="color: orange" value="En Proceso"/>
                                            </f:facet>
                                            <!-- Aqui va el data table para En Proceso -->
                                            <h:dataTable footerClass="headerClassDataTable" headerClass="headerClassDataTable"
                                                rowClasses="rowClassBlue,rowClassWhite" value="#{consolidado.enviosEnProceso}" var="currentEnvioEnProceso" width="100%">
                                                <h:column>
                                                    <h:panelGrid columns="2" width="100%">
                                                        <h:panelGroup style="display: block; text-align: left">
                                                            <h:outputText style="color: orange" styleClass="outputTextDataTable" value="#{currentEnvioEnProceso.nombreGestion}"/>
                                                        </h:panelGroup>
                                                        <h:panelGroup style="display: block; text-align: right">
                                                            <h:outputText style="color: orange" styleClass="outputTextDataTable" value="#{currentEnvioEnProceso.numeroEnvios}"/>
                                                        </h:panelGroup>
                                                    </h:panelGrid>
                                                </h:column>
                                            </h:dataTable>
                                            <!-- -->
                                            <f:facet name="footer">
                                                <h:panelGroup style="display: block; text-align: right">
                                                    <h:outputText style="color: orange" value="#{SessionPreCostoBean.facturacion.totalTodosEnviosEnProceso} "/>
                                                </h:panelGroup>
                                            </f:facet>
                                        </h:column>
                                    </h:dataTable>
                                    <f:facet name="footer">
                                        <h:panelGroup style="display: block; text-align: left">
                                            <h:outputText value="TOTAL GENERAL #{SessionPreCostoBean.facturacion.totalTodosEnviosDistribuidos + SessionPreCostoBean.facturacion.totalTodosEnviosRetenciones} "/>
                                        </h:panelGroup>
                                    </f:facet>
                                </h:panelGrid>
                                <!-- Aca termina la tabla del consolidado -->
                                <h:outputText style="color: white" styleClass="outputText" value="_"/>
                                <h:panelGrid binding="#{ListadoPreCostoPage.gridPanelCerrarFactura}" columns="2" headerClass="headerClassDataTable"
                                    id="gridPanelCerrarFactura"
                                    rendered="#{SessionPreCostoBean.renderedCerrarFacturaPanel &amp;&amp; SessionPreCostoBean.analistaFacturacion}"
                                    rowClasses="rowClassWhite, rowClassBlue" style="text-align: left">
                                    <f:facet name="header">
                                        <h:outputText value="Cerrar Factura"/>
                                    </f:facet>
                                    <h:outputText binding="#{ListadoPreCostoPage.outputText31}" id="outputText31" styleClass="outputText" value="Fecha Factura: "/>
                                    <h:panelGrid columns="3">
                                        <ui:calendar binding="#{ListadoPreCostoPage.calendarFechaFactura}"
                                            dateFormatPattern="#{facturacionSetup.dateFormatCalendar}" id="calendarFechaFactura"
                                            maxDate="#{SessionPreCostoBean.maxDate}" minDate="#{SessionPreCostoBean.minDate}">
                                            <f:convertDateTime pattern="#{facturacionSetup.dateFormatCalendar}"/>
                                        </ui:calendar>
                                        <h:outputText style="color: white" styleClass="outputText" value="_____"/>
                                        <h:message for="calendarFechaFactura" id="calendarFechaFacturaMessage" styleClass="portlet-msg-alert"/>
                                    </h:panelGrid>
                                    <h:outputText binding="#{ListadoPreCostoPage.outputText30}" id="outputText30" styleClass="outputText" value="Número Factura: "/>
                                    <h:inputText binding="#{ListadoPreCostoPage.textFieldNumeroFactura}" id="textFieldNumeroFactura" maxlength="10" styleClass="select"/>
                                </h:panelGrid>
                                <h:panelGroup style="display: block; text-align: center" >
                                    <h:commandButton action="#{ListadoPreCostoPage.buttonCerrarFactura_action}"
                                        binding="#{ListadoPreCostoPage.buttonCerrarFactura}" id="buttonCerrarFactura"
                                        rendered="#{SessionPreCostoBean.renderedCerrarFacturaPanel &amp;&amp; SessionPreCostoBean.analistaFacturacion}"
                                        styleClass="button" value="CERRAR FACTURA"/>
                                    <h:outputText style="color: white" styleClass="outputText" value="_"/>
                                    <h:commandButton action="#{ListadoPreCostoPage.buttonConsecutivos_action}"
                                        binding="#{ListadoPreCostoPage.buttonConsecutivos}" id="buttonConsecutivos"
                                        rendered="#{SessionPreCostoBean.renderedFacturacion &amp;&amp; SessionPreCostoBean.botonConsecutivos}" styleClass="button" value="CONSECUTIVOS" />
                                </h:panelGroup>
                                <h:panelGrid binding="#{ListadoPreCostoPage.mensajeAlertGridPanel}" id="mensajeAlertGridPanel" rendered="#{SessionPreCostoBean.renderedMensajeAlertGridPanel}">
                                    <ui:alert binding="#{ListadoPreCostoPage.mensajeAlert}" id="mensajeAlert"/>
                                </h:panelGrid>
                            </td>
                        </tr>
                    </table>
                </center>
            </ui:form>
            <script language="JavaScript" type="text/javascript">
            
                function checkAllSeleccionGroup() 
                {
                    for (i=0; i&lt;document.forms["preCostoForm"].elements.length; i++) 
                    {
                        if (document.forms["preCostoForm"].elements[i].type == "checkbox") 
                        {
                            if (document.forms["preCostoForm"].elements[i].name == "seleccionGroupOrden") 
                            {
                                if(document.forms["preCostoForm"].elements[i].checked)
                                {
                                    document.forms["preCostoForm"].elements[i].checked = false;        
                                }
                                else
                                {
                                    document.forms["preCostoForm"].elements[i].checked = true;    
                                }
                            }
                        }
                    }
                }               
            </script>
        </div>
    </f:view>
</jsp:root>
